<template>
  <div id="testVue">
    {{testName}}
  </div>
</template>

<script>
  import { mapState } from 'vuex'

  export default {
    name: 'testVue',
    // 数据初始化
    data () {
      return {
        testName: 'hello world'
      }
    },
    computed: {
      ...mapState({
        // 获取测试的数据
        testValue: state => state.User.DataList
      })
    },
    mounted () {
      this.getData()
    },
    // 方法
    methods: {
      getData () {
        this.$store.dispatch('GetDataList')
      }
    },
    // 监听数据的变化
    watch: {
      testValue: function (val) {
        console.log(val.name)
        console.log(val.age)
      }
    }
  }
</script>

<style>

</style>
